	page {
		background-color: #F1ECE7;
	}
	.head{
		width: 100%;
		left: 0;
		position: fixed;
		
		top: 30rpx;
		z-index: 2;
		display: flex;
		justify-content: flex-end;
		image{
			width: 42rpx;
			height: 42rpx;
		}
		
		.right{
			margin-left: 40rpx;
			margin-right: 20rpx;
		}
	}
	.category {
		width: 100%;
		display: flex;
		justify-content: space-around;
		padding: 60rpx 0;

		.main {
			display: flex;
			flex-direction: column;
			text-align: center;

			image {
				width: 80rpx;
				height: 80rpx;
				margin-bottom: 10rpx;
			}
		}
	}

	.xslist {
		width: 670rpx;
		height: 96rpx;
		background-color: #fff;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		overflow: hidden;

		.left {

			image {
				width: 48rpx;
				height: 48rpx;
			}

			text {
				font-size: 28rpx;
				font-weight: 600;
			}

			line-height: 96rpx;
			color: #ffa500;
			display: flex; 
			align-items:center;
			justify-content:center;
		}

		.right {
			width: 460rpx;
			height: 100%;

			// display: flex;
			.main {
				display: flex;
				justify-content: space-around;

				.title {
					width: 250rpx;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					line-height: 96rpx;
				}

				.price-t {
					text-decoration: line-through;
					font-weight: 600;
					font-size: 24rpx;
					line-height: 48rpx;
				}

				.price-b {
					color: #f00;
					font-weight: 600;
					font-size: 24rpx;
					line-height: 48rpx;
				}
			}

		}
	}

	.hot {
		overflow: hidden;

		span {
			font-size: 32rpx;
			color: #3e3e3e;
			font-weight: 600;
			padding: 20rpx 0;
			display: block;
		}

		width: 670rpx;
		margin: 0 auto;

		image {
			width: 208rpx;
			height: 176rpx;
		}

		.text {
			width: 208rpx;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			text-align: center;
			font-size: 26rpx;
		}

		.s1 {
			display: flex;
			// justify-content: space-between;
			justify-content: space-around;
		}
	}

	@-webkit-keyframes twinkling {	
		0% {
			opacity: .5;
			
		}
		100% {
			opacity: 1;		
		}
	}

	.lb {
		-webkit-animation: twinkling 1s infinite ease-in-out;
	}

	.product {
		.title {
			font-size: 32rpx;
			color: #3e3e3e;
			font-weight: 600;
			padding: 20rpx 0;
			display: block;
		}

		padding-left: 30rpx;

		.productList {
			display: flex;
			overflow: scroll;

			.main {
				width: 590rpx;
				height: 260rpx;
				border-radius: 30rpx;
				background-color: #fff;
				margin-right: 20rpx;
				display: flex;
				justify-content: space-around;
				align-items: center;

				image {
					width: 194rpx;
					height: 168rpx;
					margin-left: 20rpx;
				}

				// .right{
				// 	display: flex;
				// 	flex-direction: column;
				// 	justify-content: space-around;
				// }
				text {
					display: block;
					width: 280rpx;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					text-align: center;
					margin: 40rpx 0;
				}
			}
		}
	}


	.guess {
		padding: 0rpx 30rpx;

		.title {
			font-size: 32rpx;
			color: #3e3e3e;
			font-weight: 600;
			padding: 20rpx 0;
			display: block;
		}

		.list {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}

		.main {
			width: 324rpx;
			margin: 20rpx 0;
			background-color: #fff;
			border-radius: 8rpx;

			image {
				width: 100%;
				height: 238rpx;
			}
			

			.text-box {
				width: 238rpx;
				padding: 36rpx;
				font-size: 26rpx;

				.name {
					width: 238rpx;
					color: #3e3e3e;
					font-weight: 700;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					text-align: center;
					
				}
				.bottom{
					display: flex;
					justify-content: space-between;
					margin-top: 20rpx;
				}
			}
		}
	}